﻿

 <reference path="jquery-1.4.2.min.js" />

 <reference path="jquery-ui-1.8rc3.custom.min.js" />



	  jQuery(document).ready(function () {

	    $("#txtOrigen").autocomplete({
	      source: function (request, response) {

	        //Verificamos si el termino de búsqueda ya esta en la cache
	        var ciudades = $("body").data(request.term);
	        if (ciudades != undefined && ciudades != null) {
	          response(ciudades);
	        }
	        else {
	          PageMethods.ObtCiudades(
	        	                    request.term,
	        	                    function (data) {
	        	                      ciudades = (typeof data) == 'string' ? eval('(' + data + ')') : data;

	        	                      //Guardamos en la cache el resultado.
	        	                      $("body").data(request.term, ciudades);

	        	                      response(ciudades);
	        	                    },
	        	                    fnLlamadaError);
	        }
	      },
	      minLength: 2,
	      select: function (event, ui) {
	        //Mostramos lo seleccionado en el div resultados
	        log(ui.item ? ("Origen Seleccionado: " + ui.item.value + ", IataCod: " + ui.item.id) : "Ninguna Seleción con el termino: " + this.value);
	      }
	    });

	    $("#txtDestino").autocomplete({
	      source: function (request, response) {

	        //Verificamos si el termino de búsqueda ya esta en la cache
	        var ciudades = $("body").data(request.term);
	        if (ciudades != undefined && ciudades != null) {
	          response(ciudades);
	        }
	        else {
	          PageMethods.ObtCiudades(
	        	                    request.term,
	        	                    function (data) {
	        	                      ciudades = (typeof data) == 'string' ? eval('(' + data + ')') : data;

	        	                      //Guardamos en la cache el resultado.
	        	                      $("body").data(request.term, ciudades);

	        	                      response(ciudades);
	        	                    },
	        	                    fnLlamadaError);
	        }
	      },
	      minLength: 2,
	      select: function (event, ui) {
	        //Mostramos lo seleccionado en el div resultados
	        log(ui.item ? ("Destino Seleccionado: " + ui.item.value + ", IataCod: " + ui.item.id) : "Ninguna Seleción con el termino: " + this.value);
	      }
	    });

	  });

	  function fnLlamadaError(excepcion) {
	    alert('Ha ocurrido un error interno: ' + excepcion.get_message());
	  }

	  function log(message) {
	    $("<div/>").text(message).prependTo("#log");
	    //$("#log").attr("scrollTop", 0);
	  }

	